<div class="panel panel-primary">
    <!-- Default panel contents -->
    <div class="panel-heading">Captura de produccion</div>
    <div class="panel-body">
        <button class="btn btn-success" ng-click="addDetalle()">Agregar Produccion</button>
    </div>
    <table class="table table-condensed" >
        <thead >
            <tr>
                <th>Producto</th>
                <th>Inicio</th>
                <th>Fin</th>
                <th>H</th>
                <th>Rech</th>
                <th>Cic x Mol</th>
                <th>Pza x Mol</th>
                <th>Prog</th>
                <th>Efic</th>
                <th></th>
            </tr>
        </thead>
    </table>
    <div class="div-table-content">
        <table class="table table-condensed">
            <tbody>
                <tr ng-repeat="detalle in detalles">
                    <th>{{detalle.idProductos.Identificacion}}</th>
                    <th><input class="form-control" type="time" ng-model-options="{updateOn: 'blur'}" ng-change="saveDetalle({{$index}})" ng-model="detalle.Inicio" value="{{detalle.Inicio}}"/></th>
                    <th><input class="form-control" type="time" ng-model-options="{updateOn: 'blur'}" ng-change="saveDetalle({{$index}})" ng-model="detalle.Fin" value="{{detalle.Fin}}"/></th>
                    <th><input class="form-control" ng-model-options="{updateOn: 'blur'}" ng-change="saveDetalle({{$index}})" ng-model="detalle.Hechas" value="{{detalle.Hechas}}"/></th>
                    <th>{{detalle.Rechazadas}}</th>
                    <th>{{detalle.CiclosMolde}}</th>
                    <th>{{detalle.PiezasMolde}}</th>
                    <th>{{detalle.Programadas}}</th>
                    <th><input class="form-control" ng-model-options="{updateOn: 'blur'}" change="saveDetalle({{$index}})" ng-model="detalle.Eficiencia" value="{{detalle.Eficiencia}}"/></th>
                    <th><button class="btn btn-danger" ng-click="deleteDetalle({{detalle.IdProduccionDetalle}})">Eliminar</button></th>
                </tr>
            </tbody>
        </table>
    </div>
    <table class="table table-condensed">
        <tfoot>
            <tr>
                <th colspan="13">&nbsp;</th>
            </tr>
        </tfoot>
    </table>
</div>